<template>
    <div>
        <h1 @click="show">.vue登录信息---{{msg}}</h1>
        <router-link to="/lg/sy">首页</router-link>
        <router-link to="/lg/xw">新闻</router-link>
        <router-view></router-view>
    </div>
</template>
<script>
export default {//export 输出 default 默认      export default 是es6中的语法 作用是 将数据输出
    data(){
        return{
            msg:"ok"
        }
    },
    methods: {
        show(){
            console.log("wdnmd");
        }
    },
}
</script>
<style lang="less" scoped>//lang 用于指定编写样式文件后缀 如.less .scss .css;   scoped 范围 表示样式生效的范围 如果不添加该属性 包含.html页面在内所有标签都生效
//以下是less样式的编码格式
    div{
        h1{
            color: red;
        }
    }
</style>